<template>
  <div>
    <NavBar :title="title" />
    <div class="content-top">
      <!-- 客服微信 -->
      <div style="display: flex; flex-direction: column; padding: 20px">
        <p style="
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 30px 0 35px;
            border-radius: 10px;
            background-color: #fff;
          ">
          <b style="margin-bottom: 15px; font-size: 22px; color: #05A6F0">微信公众号</b>
          <span style="font-size: 16px; font-weight: 500; color: #333">添加微信号：www_93job_com</span>
          <van-button type="primary" color="#52c232" style="
              height: 34px;
              border-radius: 50px;
              margin: 20px 0 25px;
              font-size: 16px;
              line-height: 34px;
            " @click="copy">复制微信号</van-button>
          <van-image width="200" height="200" style="padding: 9px; border: 1px solid #eee; border-radius: 5px" :src="require('@/assets/img/my/qrcode_weixin.jpg')" />
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import NavBar from "@/components/NavBar.vue";
import { Button, Image as VanImage } from "vant";
import { returnToPhoneWithData } from "@/util/phone";
export default {
  name: "WXGZH",
  components: {
    NavBar,
    [Button.name]: Button,
    [VanImage.name]: VanImage,
  },
  props: ["title"],
  // 定义属性
  data() {
    return {};
  },
  // 方法集合
  methods: {
    copy() {
      returnToPhoneWithData({
        action: "copy",
        content: "93人才网",
      });
    },
  },
};
</script>

<style scoped></style>
